<template>
    <header class="bg-white shadow-sm">
        <div class="max-w-7xl mx-auto px-4 h-16 flex items-center justify-between">
            <div class="flex items-center gap-2">
                <img src="https://ai-public.mastergo.com/ai/img_res/98e4ef6ff43ed36aef342f621911dba5.jpg" alt="logo" class="w-10 h-10 object-cover"/>
                <span class="text-xl font-medium">人才成长画像</span>
            </div>
            <div class="flex items-center gap-4">
                <button class="text-gray-600 hover:text-blue-600 !rounded-button whitespace-nowrap" @click="tologin()">登录</button>
                <button class="px-4 py-2 bg-blue-500 text-white hover:bg-blue-600 !rounded-button whitespace-nowrap" @click="toregister()">注册</button>
            </div>
        </div>
    </header>
</template>

<script setup>
    import {useRouter,useRoute} from "vue-router";
    const router=useRouter()
    function tologin() {
        router.push({path:'/login'})
    }
    function toregister() {
        router.push({path:'/register'})
    }
</script>

<style scoped>

</style>